﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="{{asset('h_ui_resouse')}}/lib/html5shiv.js"></script>
<script type="text/javascript" src="{{asset('h_ui_resouse')}}/lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="{{asset('h_ui_resouse')}}/static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="{{asset('h_ui_resouse')}}/static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="{{asset('h_ui_resouse')}}/lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="{{asset('h_ui_resouse')}}/static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="{{asset('h_ui_resouse')}}/static/h-ui.admin/css/style.css" />

	{{--条件搜索框模糊匹配搜索下拉框样式--}}
	<style>
		#input_serach {
			position: relative;
		}
		.wyinput-drop {
			position: absolute;
			top: 40px;
			right: 270px;
			z-index: 1000;
			background: #F2F2F2;
			border: 1px solid #EEE4D8;
			border-top-color: transparent;
			border-bottom-left-radius: 5px;
			border-bottom-right-radius: 5px;
			padding: 5px 5px;
			width: 300px;
		}
		.wyinput-drop p a {
			text-decoration: none;
			color: #333;
			font-size: 14px;
			height: 24px;
			line-height: 24px;
			display: block;
		}
		.wyinput-drop >p >a {
			width: 50%;
			float:left;
		 }
		.wyinput-drop p a:hover {
			color: #fff;
			background: #35ACC1;
		}
	</style>
<!--[if IE 6]>
<script type="text/javascript" src="{{asset('h_ui_resouse')}}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>

<![endif]-->
<title>资讯列表</title>
</head>
<body>
<nav class="breadcrumb"><a class="btn btn-success radius l" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;刷新</i></a><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 资讯管理 <span class="c-gray en">&gt;</span> 资讯列表 </nav>
<div class="page-container">
	<div class="text-c" id="input_serach">
		<button onclick="removeIframe()" class="btn btn-primary radius">关闭选项卡</button>
	 	<span class="select-box inline">
			<select name="" class="select">
				<option value="0">全部分类</option>
				<option value="1">分类一</option>
				<option value="2">分类二</option>
			</select>
		</span> 日期范围：
		<input type="text" onfocus="WdatePicker({ maxDate:'#F{$dp.$D(\'logmax\')||\'%y-%M-%d\'}' })" id="logmin" class="input-text Wdate" style="width:120px;">
		-
		<input type="text" onfocus="WdatePicker({ minDate:'#F{$dp.$D(\'logmin\')}',maxDate:'%y-%M-%d' })" id="logmax" class="input-text Wdate" style="width:120px;">
		<input type="text" name="" id="name_search" placeholder=" 资讯名称" style="width:250px" class="input-text">
			<button name="" id="searchsubmit" class="btn btn-success" type="submit" onclick="search()"><i class="Hui-iconfont">&#xe665;</i> 搜资讯</button>
			<div class="wyinput-drop" id="myInput"></div>
		<input type="hidden" value="{{$subject_name}}" id="subject_name">
	</div>
	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a class="btn btn-primary radius" data-title="添加学科" data-href="subject_add.blade.php" onclick="subject_add('添加学科','{{ url('admin/subject_extand/subject_add')}}',1000,500)" href="javascript:;"><i class="Hui-iconfont">&#xe600;</i> 添加学科</a></span>
		{{--<span class="r" id="total_data">共有数据：<strong>54</strong> 条</span>--}}
	</div>
	<div class="mt-20">
			<table class="table table-border table-bordered table-bg table-hover table-sort table-responsive" id="bigDataList">
				<thead>
				<tr class="text-c">
					<th><input type="checkbox" name="" value=""></th>{{--0--}}
					<th></th>{{--1--}}
					<th></th>{{--2--}}
					<th></th>{{--3--}}
					<th></th>{{--4--}}
					<th></th>{{--5--}}
					<th></th>{{--6--}}
					<th></th>{{--7--}}
					<th></th>{{--8--}}
				</tr>
				</thead>
				<tbody>
				</tbody>
			</table>
	</div>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="{{asset('h_ui_resouse')}}/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="{{asset('h_ui_resouse')}}/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="{{asset('h_ui_resouse')}}/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="{{asset('h_ui_resouse')}}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="{{asset('h_ui_resouse')}}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="{{asset('h_ui_resouse')}}/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="{{asset('h_ui_resouse')}}/lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript">

		//表格管理设置，可以使用条件搜索DataTatle
		var table;
		function search() {
			table.draw();
		}
		$(function() {
        if (table == null) {
            table = $('.table-sort').DataTable({

                "bServerSide": true, // 开启服务端处理模式
                "aLengthMenu": [[2,10,20, 100, 150, -1], [2,10,20, 100, 150, "All"]],
                "sAjaxSource": "{{ url('admin/subject_extand/ajax_list')}}",
				"aaSorting":[1,'asc'],//默认排序的规则
				"searching":false,
                // "sAjaxDataProp" : "data",
                "fnServerData": function (sSource, aoData, fnCallback) {
                    aoData.push({"name": "logmin", "value": $("#logmin").val()})
                    aoData.push({"name": "logmax", "value": $("#logmax").val()})
                    aoData.push({"name": "name_search", "value": $("#name_search").val()})
                    aoData.push({"name": "total_data", "value": $("#total_data").val()})
                    $.ajax({
                        // "dataType": 'json',
                        "type": "POST",
                        "headers": {'X-CSRF-TOKEN': "{{csrf_token()}}"},
                        "url": sSource,
                        "data": aoData,
                        "success": fnCallback
                    });
                },
                "aoColumns": [{
                    "mData": "id",//0
                    // "sTitle": "<input type="checkbox" name="" value="">",//这个标题会覆盖掉html所设置的标题，当需要使用类似全选样式时，建议将此处标题注释
                    "bSortable": false,
                    'className':'text-c',//内容样式
                    "mRender":function(data, type, full) {
                        var cls = 'btn';//标签样式
                        var val = '选定'+data;
                        if(data){
                            cls= 'btn btn-primary';//标签样式
                            val = '已选定'+data;
                        }
                        return "<input type=\"checkbox\" class='"+cls+"' value='"+data+"'></input>";
                    }
                }, {
                    "mData": "id",//1
                    "sTitle": "序号",
                    "bSortable": true,
                    'className': 'text-c'

                }, {
                    "mData": "subject_name",//2
                    "sTitle": "线路名称",
                    'className': 'text-c'
                }, {
                    "mData": "logo",//3
                    "sTitle": "详细介绍",
                    "bSortable": false,
					'className': 'text-c'
                }, {
                    "mData": "deleted_at",//4
                    "sTitle": "删除时间",
                    'className': 'text-c'
                }, {
                    "mData": "updated_at",//5
                    "sTitle": "更新时间",
                    'className': 'text-c'
                }, {
                    "mData": "created_at",//6
                    "sTitle": "创建时间",
                    'className': 'text-c'
                }, {
                    "mData": "id",//7
                    "sTitle": "发布状态",
                    'className': 'text-c td-status',
                    "mRender":function(data, type, full) {
                        return "<span class=\"label label-success radius\">已发布</span>";
                    }
                }, {
                    "mData": "id",//8
                    "sTitle": "操作",
                    'className': 'text-c f-14 td-manage',
                    "mRender":function(data, type, full) {
                        var cls = 'btn';//标签样式
                        var val = '选定'+data;
                        if(data){
                            cls= 'btn btn-primary';//标签样式
                            val = '已选定'+data;
                        }
                        return "<a style=\"text-decoration:none\" onClick=\"article_shenhe(this,'"+data+"')\" href=\"javascript:;\" title=\"审核\">审核</a> <a style=\"text-decoration:none\" class=\"ml-5\" onClick=\"article_edit('资讯编辑','article-add.html','"+data+"')\" href=\"javascript:;\" title=\"编辑\"><i class=\"Hui-iconfont\">&#xe6df;</i></a> <a style=\"text-decoration:none\" class=\"ml-5\" onClick=\"article_del(this,'"+data+"')\" href=\"javascript:;\" title=\"删除\"><i class=\"Hui-iconfont\">&#xe6e2;</i></a>";
                    }
                }],
            });
            // table.columns(2).search($('#name_search').val(),true,false).draw();//对第二列进行模糊非智能搜索
        }
    })

function subject_add(title,url,w,h){
{{--	{{ method_field('PUT')}}--}}
    console.log(url);
    layer_show(title,url,w,h);
}

/*资讯-添加*/
function article_add(title,url,w,h){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*资讯-编辑*/
function article_edit(title,url,id,w,h){
	var index = layer.open({
		type: 2,
		title: title,
		content: url
	});
	layer.full(index);
}
/*资讯-删除*/
function article_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
		$.ajax({
			type: 'POST',
			url: '',
			dataType: 'json',
			success: function(data){
				$(obj).parents("tr").remove();
				layer.msg('已删除!',{icon:1,time:1000});
			},
			error:function(data) {
				console.log(data.msg);
			},
		});		
	});
}

/*资讯-审核*/
function article_shenhe(obj,id){
	layer.confirm('审核文章？', {
		btn: ['通过','不通过','取消'],
		shade: false,
		closeBtn: 0
	},
	function(){
		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="article_start(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
		$(obj).remove();
		layer.msg('已发布', {icon:6,time:1000});
	},
	function(){
		$(obj).parents("tr").find(".td-manage").prepend('<a class="c-primary" onClick="article_shenqing(this,id)" href="javascript:;" title="申请上线">申请上线</a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-danger radius">未通过</span>');
		$(obj).remove();
    	layer.msg('未通过', {icon:5,time:1000});
	});	
}
/*资讯-下架*/
function article_stop(obj,id){
	layer.confirm('确认要下架吗？',function(index){
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="article_start(this,id)" href="javascript:;" title="发布"><i class="Hui-iconfont">&#xe603;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-defaunt radius">已下架</span>');
		$(obj).remove();
		layer.msg('已下架!',{icon: 5,time:1000});
	});
}

/*资讯-发布*/
function article_start(obj,id){
	layer.confirm('确认要发布吗？',function(index){
		$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="article_stop(this,id)" href="javascript:;" title="下架"><i class="Hui-iconfont">&#xe6de;</i></a>');
		$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已发布</span>');
		$(obj).remove();
				layer.msg('已发布!',{icon: 6,time:1000});
	});
}
/*资讯-申请上线*/
function article_shenqing(obj,id){
	$(obj).parents("tr").find(".td-status").html('<span class="label label-default radius">待审核</span>');
	$(obj).parents("tr").find(".td-manage").html("");
	layer.msg('已提交申请，耐心等待审核!', {icon: 1,time:2000});
}

// //实时搜索当前表格数据
    $(function(){
        $('#bigDataList_length').after('<div id="bigDataList_filter_extend" class="dataTables_filter"><label>从当前数据中检索:<input type="search" class="input-text " aria-controls="bigDataList"></label></div>');
        $('#bigDataList_filter_extend label input').on('input',(function(){
            var sstxt=$('#bigDataList_filter_extend label input').val();
            console.log(sstxt);
            if(sstxt !==''){
                $("table tbody tr").hide().filter(":contains('"+sstxt+"')").show();
            }else{
                $("table tbody tr").show();
            }
        }))
    })

    // //条件搜索框模糊匹配搜索
    $(function() {
        $(".wyinput-drop").hide();//加载时先隐藏该框
        var subject_name = $.trim($('#subject_name').val()); // 去掉两头空格
			subject_name = JSON.parse(subject_name);
        var cnt =subject_name .length;
		$("#name_search").keyup(function(event){
			wy_inselect(subject_name,event);
		})
    })
    //监测参数是否合法
    function wy_inselect(options,event){
        if(!isValid(options)) return this;
        var last;
        $(".wyinput-drop").css("width",$(".wyinput-group input").outerWidth()+"px").hide();
            last = event.timeStamp;
            setTimeout(function(){    //设时延迟0.5s执行
                if(last-event.timeStamp==0)
                //如果时间差为0（也就是你停止输入0.5s之内都没有其它的keyup事件发生）
                {
                    var arr= searchIndex(options);
                    loadDrop(arr);
                }
            },500);
    }
        //监测参数是否合法
        function isValid(options){
            return !options || (options　&& typeof options === "object")?true:false;
        }

        //加载下拉框
        function loadDrop(arr){
            var html = "";
            if(arr.length == 0){
                $(".wyinput-drop").hide().html("");
                return;
            }
            var i=0;
            for(obj in arr){

                if(i==0){
                    html +='<p class="drop-line">'+'<a href="javascript:;" class="a1">'+arr[obj]+'</a>';
                    i++;
				} else if(i==1){
                    html +='<a href="javascript:;" class="a2">'+arr[obj]+'</a>';
                    i++;
                } else if(i==2){
                    html +='</p>';
                    i=0;
				}
                console.log(html);
			}

            $(".wyinput-drop").html(html).show();
        }

        //模糊查询
        function searchIndex(options){
            var keywords = $.trim($("#name_search").val());
            var arr=[];
            if(keywords==""||keywords==" "){
                return arr;
            }
            for(obj in options){
                if(options[obj].subject_name.indexOf(keywords)>=0){
               	 	arr.push(options[obj].subject_name);
                }
			}
            return arr;
        }
//点击模糊搜索中选中内容填充到域中,即搜索框中的根据输入单个字母匹配结果
    $(".wyinput-drop").delegate(".drop-line a","click",function(){
        var html=$(this).html();
        console.log(html)
        $("input[id=name_search]").val(html);
        $(".wyinput-drop").hide()
    })

</script> 
</body>
</html>